<template>
  <div>
    <div class="box">
   
      <div class="place">
     
        <div class="bottom">
          <span v-html="data1[0].zhengwen"></span>
        </div>
      </div>
    </div>
 
  </div>
</template>
<script>
export default {
  data() {
    return {
      data1: [{}]
    };
  },
  
  mounted() {
    this.get();
  },
  methods: {
    get() {
      this.$api
        .get(`${this.tableList}bowuguanjieshao-1-16`)
        .then(res => {
          // console.log(res.data.page.list);
          this.data1 = res.data.page.list;
          
           let data =  res.data.page.list;
          var pic = data[0].zhengwen;
          // console.log(pic)
          var newPic=pic.replace(/src=[\'\"]?([^\'\"]*)[\'\"]?/ig,(keyword)=>{
            keyword=keyword.split('"')[1]
     
            return 'src="'+this.IP+keyword+'"'
          })
          // var a=pic.replace(/<a[^>]+href=['"]([^'"]*)['"]>/gi,(keyword)=>{
          //   keyword=keyword.split('"')[1]
          //   console.log(keyword)
          //   return `<a href="http://47.110.243.129${keyword}">http://47.110.243.129`
          // })
          // console.log(a)
          // data.metadata[0].value=a
         
         data[0].zhengwen=newPic
          this.data1=data
          
        });
    }
  }
};
</script>
<style scoped>
.box {
  padding: 0px 60px 0px;
}
.place {
  max-width: 1150px;
  margin: auto;
  padding-top: 20px;
}
.center {
  text-align: center;
}
.bread {
  max-width: 1150px;
  margin: auto;
}
.top {
  text-align: center;
  padding: 30px 0px;
  box-sizing: border-box;
  background: url("../../assets/image/titlek.png") no-repeat;
  background-position: center;
  margin-bottom: 20px;
  font-size: 36px;
}
.center {
  margin-bottom: 60px;
}
.bottom {
  text-align: left;
  font-size: 12px;
  font-family: "verdana", "arial", "sans-serif";
  margin: 0px;
  padding: 0px;
}
.bottom span {
  font-size: 24px;
  color: #4e4b4b;
  text-indent: 30px;
  line-height: 40px;
  display: inline-block;
}
</style>